<template>
  <div>
    <CloudInput
      v-model="value"
      placeholder="input with clear icon"
      allow-clear
      @change="onChange"
    />
  </div>
</template>

<script>
  export default {
    title: '6.带移除图标',
      subTitle: '带移除图标的输入框，点击图标删除所有内容。',
    data () {
      return {
        value: '',
      }
    },
    methods: {
      onChange (e) {
        console.log(e);
      },
    }
  }
</script>

<style lang="scss">
</style>